<template>

    <div class="page flex unified-flex-align unified-flex-center">
        <el-result icon="error" title="404" :subTitle="error">
            <template slot="extra">
                <el-button type="primary" size="medium" @click="back">返回</el-button>
            </template>
        </el-result>
    </div>

</template>

<script>
    
    export default{
        data(){
            return{
                error:""
            }
        },
        methods:{
            back(){
                this.$router.back()
            }
        },
        created() {
            this.error = this.$route.query.error || "访问被拒绝，未知错误"
        }
        
    }
    
</script>

<style>
    .page{
        width: 100%;
        height: 100%;
    }
</style>
